<html>
  <head>
    <meta charset="UTF-8">
    <title>用户管理系统</title>
    <script src="js/jquery/jquery-1.11.0.min.js"></script>
    <script>
      $(function () {
        $("#header").load("header.html",function(data){
          $("ul li:eq(0)").css("background-color", "orange");
        });
      });
    </script>
  </head>
  <body>
    <div id="header"></div>
    <div style="margin: 10px auto;text-align: center">
      <h1>Welcome to use用户管理系统V4.0!</h1>
      <h2>本系统架构：Java Web前后端分离技术！</h2>
      <h3>
        <div style="border:1px solid red;width:700px;margin:0 auto;" >
          <p style="margin:0;width:700px;border-bottom:1px solid red;background-color: #FFD026;">后端技术选型</p>
          Maven v3.5.4、JDK v1.8.0_131<br/>
          Tomcat v9.0.34 、MySQL v5.7<br/>
          Mysql-connector-java v5.1.46 、Druid v1.1.12 <br/>
          Jackson-databind v2.11.2、MyBatis v3.5.4<br/>
          Spring v5.2.6.RELEASE(Spring-webmvc,Spring) <br>
        </div>
        <div style="border:1px solid blue;width:700px;margin:3px auto;" >
          <p style="margin:0;width:700px;border-bottom:1px solid blue;background-color:greenyellow;">前端技术选型</p>
          HTML5、CSS3、jQuery v1.11.0
        </div>
      </h3>
    </div>
  </body>
</html>
